
@min768: ~"(min-width: 768px)";
@max768: ~"(max-width: 768px)";
@text-size: 14px;
@calc: .44248vw;
.text-size(@size: @text-size){
    font-size: calc(.44248vw + @size);
}
.h-size(@size: @text-size){
    font-size: calc(.88496vw + @size);
}
.h1, .h2, .h3, .h-size, h1, h2, h3, h4, h5, h6 {
    line-height: 1em;
    letter-spacing: 0;
    .h-size(25px);
}
.margin-top(@size: 10px){
    margin-top: calc(@calc + @size);
}
.margin-left(@size: 10px){
    margin-left: calc(@calc + @size);
}
.margin-right(@size: 10px){
    margin-right: calc(@calc + @size);
}
.margin-bottom(@size: 10px){
    margin-bottom: calc(@calc + @size);
}
.padding-top(@size: 10px){
    padding-top: calc(@calc + @size);
}
.padding-left(@size: 10px){
    padding-left: calc(@calc + @size);
}
.padding-right(@size: 10px){
    padding-right: calc(@calc + @size);
}
.padding-bottom(@size: 10px){
    padding-bottom: calc(@calc + @size);
}